<!doctype html>
<html lang="zh-cn" ng-app="projectnewModule">
	<head>
		<meta charset="UTF-8">
		<title>创建新的项目</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="/css/bootstrap/bootstrap.min.css" />
		<link rel="stylesheet" href="/css/style.css" />
	</head>

	<body >
		<!-- 导航栏组件 -->
		<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
			<div class="container">
				<!-- 导航栏下拉按钮 -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#naviList">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#" >西电项目平台</a>

				</div>

				<!-- 导航栏 -->
				<div class="collapse navbar-collapse" id="naviList">
					<ul class="nav navbar-nav">
						<li> 
							<a href="/project"><span class="glyphicon glyphicon-align-left"></span> 浏览项目</a>
						</li>
						<li>
							<a href="/project/create"><span class="glyphicon glyphicon-plus"></span> 创建项目</a>
						</li>
						<li>
							<a href="/user/create" ><span class="glyphicon glyphicon-user"></span> 注册</a>
						</li>
						<li>
							<a href="/user/login" ><span class="glyphicon glyphicon-user"></span> 登陆</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<!-- 主显示区域 -->
		<div class="container">

			<div ng-controller="NewProjectController">
				<ul class="nav nav-tabs">
					<li ng-class="{active:new .basicInfo.isActive}" ng-click="new .basicInfo.switchTo()"><a href="">基本信息</a></li>
					<li ng-class="{active:new .teamInfo.isActive}" ng-click="new .teamInfo.switchTo()"><a href="">团队信息</a></li>
					<li ng-class="{active:new .richInfo.isActive}" ng-click="new .richInfo.switchTo()"><a href="">编辑主页</a></li>
				</ul>
				<div class="new-section" id="new-basic" ng-show="new .basicInfo.isActive">
					<div class="row">
						<form class="col-md-6" >
							<div class="form-group">
								<label class="control-label text-success" for="newName">项目名称</label>
								<input class="form-control"type="text" ng-model="new .basicInfo.name" id="newName"/>
							</div>
							<div class="form-group">
								<label class="control-label">项目简介</label>
								<textarea class="form-control" rows="4" ng-model="new .basicInfo.intro" ></textarea>
							</div>
						</form>
					</div>
					<div class="row">
						<div class="col-md-6">
							<label class="control-label" for="newName">标签</label><br/>
							<ul class="andy-tags-ul">
								<!--tag-->
								<li ng-repeat="tag in new .tag.tags">
									<span class="label label-info" >
										<span ng-bind="tag"></span>
										<a href="" class="andy-remove-cross" ng-click="new .tag.removeTag(tag)"></a>
									</span>
								</li>
							</ul>
							<!--button for tag add-->
							<span class="label label-info andy-add-tag" ng-click="new .tag.focus()" >
								<span class="glyphicon glyphicon-plus-sign"></span>
								<span class="andy-add-tag-text" ng-bind="new .tag.addTagTitle"></span>
							</span>
							<input type="text" class="andy-add-tag-input" id="addTagInput" ng-model="new .tag.input" ng-enter="new.tag.addTag()" ng-blur="new .tag.blur()"/>
						</div>
					</div>
					<br/><br/>
					<button class="btn btn-default" ng-click="new .basicInfo.save()">下一步 </button>
				</div>
				<div class="new-section" id="new-team" ng-show="new .teamInfo.isActive">
					<div class="row" id="project-creater">
						<form class="col-md-6 form-inline">

							<div class="form-group">
								<!--<span class="input-group-addon">称呼</span>-->
								<input type="text" class="form-control" placeholder="称呼" id="" ng-model="new .teamInfo.name"/>
							</div>
							<div class="form-group">
								<!--<span class="input-group-addon">邮箱</span>-->
								<input type="text" class="form-control" placeholder="邮箱" id="newMem" ng-model="new .teamInfo.email"/>
							</div>
							<button  class="btn btn-default" ng-click="new .teamInfo.add()">添加成员</button>
						</form>
					</div>
					<br/>
					<div class="row">
						<div class="col-md-6 indent-15">
							<table class="table table-striped ">
								<thead>
									<tr>
										<th>称呼</th>
										<th>邮箱</th>
									</tr>
								</thead>
								<tr ng-repeat="mem in new .teamInfo.member">
									<td ng-bind="mem.name"></td>
									<td ng-bind="mem.email"></td>
								</tr>
							</table>
						</div>
					</div>
					<div class="row">
						<div class="form-group">
							<div class="col-md-10">
								<div class="checkbox">
									<label>
										<input type="checkbox">招募队友 
									</label>
								</div>
								<button class="btn btn-success" ng-click="new .teamInfo.save()">下一步</button>
							</div>
						</div>
					</div>
				</div>
				<div class="new-section" id="new-rich" ng-show="new .richInfo.isActive">
					<div class="row">
						<div class="col-md-6">
							<input id="lefile" type="file" style="display:none">
							<div class="input-append iindent-15">
								<button class="btn btn-default" onclick="$('input[id=lefile]').click();" id="picchooser">选择主页图片</button>
							</div>	
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- 要加载的脚本 -->
		<script src="/js/libs/jquery.min.js"></script>
		<script src="/js/libs/bootstrap.min.js"></script>
		<script src="/js/libs/angular.min.js"></script>
		<script src="/js/libs/angular-route.js"></script>
		<script src="/js/libs/angular-resource.js"></script>
		<script src="/js/service.js"></script>
		<script src="/js/project-new.js"></script>
	</body>
</html>
